@import '@/common.less';

.container{
    background-color: @back-grey-color;
    .vertical-line{
        border-radius: 0;
        margin-right: 7px;
    }
    .content{
        display: flex;
        justify-content: space-between;
        background-color: white;
        margin-bottom: 15px;
        padding: 20px 15px;
        .univercit-list{
            columns: 5;
        }
    }
    .box-title{
        margin-bottom: 20px;
    }
}
.title-span{
    color: black;
    font-size: 20px;
}

.default-box{
    padding: 25px 0;
}
.popular{
    flex:3;
    padding-top: 5px;
}
.hot-today{
    flex:7;
}

.time{
    color:#c1c1c1;
}
.text::before {
    content: "\2022"; /* 使用Unicode编码表示圆点 */
    color: #e4e4e4; /* 灰色 */
    font-size: 20px;
    margin-right: 7px;
  }
  .box-right{
    padding: 0 20px;
    min-width: 400px;
    .title{
        font-size: 18px;
    }

  }
  .text-box{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
  .time{
    font-size: 13px;
    padding-left: 12px;
}


.header{
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px;
    .title{
        color: @primary-color;
        font-size: 22px;
        font-weight: 700;
    }
    .more{
        color:#c1c1c1;
        font-size: 14px;
        cursor: pointer;
    }
}
.cont{
    padding: 15px 0;
    .box-left{
        .box-top{
            margin-bottom: 40px;
        }
        padding-right: 25px;
        flex:7;
        .box-top-info{
            padding-left:15px;
        }
        .box-info-titile{
            font-size: 18px;
            margin-bottom: 20px;
        }
        .box-info-content{
            font-size: 14px;
            color: #777777;
            line-height: 26px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3; /* 文字最多三行 */
        }
    }
}
.box-bottom{
    flex-wrap: wrap;
}
.double{
width: 48%;
}